<!--审批记录组件-->
<template>
  <div class="content">
    <div class="content-form">
      <div class="form-title">
        <div class="title-content">审批记录</div>
      </div>
      <div class="form-body">
        <vxe-table
          align="center"
          border
          show-header-overflow
          show-overflow
          :row-config="{ isHover: true }"
          :data="data"
          min-height="auto"
        >
          <vxe-column type="seq" title="序号" width="60"></vxe-column>
          <vxe-column field="processingLink" title="处理环节"></vxe-column>
          <vxe-column field="conductor" title="处理人"></vxe-column>
          <vxe-column field="handleEvent" title="处理事件"></vxe-column>
          <vxe-column field="nextNode" title="下一节点"></vxe-column>
          <vxe-column field="theNextNodeHandlesPeople" title="下一节点处理人"></vxe-column>
          <vxe-column field="commitPath" title="提交路径"></vxe-column>
          <vxe-column field="handlingSuggestion" title="处理意见"></vxe-column>
          <vxe-column field="startTime" title="开始时间"></vxe-column>
          <vxe-column field="endTime" title="结束时间"></vxe-column>
          <vxe-column field="workday" title="耗时（工作日）"></vxe-column>
          <vxe-column field="naturalDay" title="耗时（自然日）"></vxe-column>
        </vxe-table>
      </div>
    </div>
  </div>
</template>
<script setup>
const props = defineProps({
  data: {
    type: Array, //数据类型
    required: false, //是否必须
    default: [], //默认值
  },
});
</script>

<style scoped lang="less">
@import "@/assets/styles/flowDemo/index";
</style>
